<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<link rel="stylesheet" type="text/css" href="/css/base.css"/>
	<link rel="stylesheet" type="text/css" href="/css/cart.css"/>
	<script src="/lib/requirejs/require.js" data-main = "/js/cart"></script>
	<title>cart</title>
</head>
<body>
	<!--头部-->	
	<header></header>
	<!--购物车头-->
	<div class="cart_top">
		<div class="c_warp">
			<div class="login_bt" style="text-align:center; padding-left:0; width:996px; background:#fff;">
				<span style="float:left; width:45%; display:inline-block; border-top:1px dashed #d5d5d5; margin-top:14px;"></span>
				<span style="width:10%; display:inline-block; color:#909090; font-weight:bold;">购物车</span>
				<span style="float:right; width:45%; display:inline-block; border-top:1px dashed #d5d5d5; margin-top:14px;"></span>
			</div>
		</div>
	</div>
	<!--购物车列表-->
	<div class="cart_list">
		<div class="c_list_warp">
			<!--购物车列表-->
			<table class="table table-bordered cart-table" style="border-collapse:collapse;">
				<!--表头-->
				<thead>
					<tr style="font-weight: normal;">
						<th>商品名称</th>
						<th>属性</th>
						<th>积分</th>
						<th>单价</th>
						<th>购买数量</th>
						<th>小计</th>
						<th>操作</th>
					</tr>
				</thead>
				
				<tbody>
					<!--<tr>
						<td><input type="checkbox" class="ck_prod"><img src="/images/images.jpg" alt="" class="img">生巧克力</td>
						<td class="title">抹茶味</td>
						<td class="price">￥64.00</td>
						<td>64积分</td>
						<td><span class="decrement">-</span><input type="text" class="amount" value="1"><span class="increment">+</span></td>
						<td class="sub">￥128.00</td>
						<td><a href="javascript:void(0);" class="del">删除</a></td>
						<td class="id" style="display: none;">1</td>
					</tr>-->
					
				</tbody>
				
				
				<!--尾部-->
				<tfoot></tfoot>
			</table>
			<!--下拉框-->
			<div class="jixu">
				<p class="head">
					<label>可选好利来专属附加产品<i></i></label>
					<a class="cart_go" href="/html/list.html">继续购物</a>
				</p>
			</div>
			<!--提交结算-->
			<div class="jiesuan">
				<p class="xu" style="width:740px;float:left;">
					<a style="cursor:pointer;" class="a_check_all">
						<input type="checkbox" class="ckeck_all" name="ckeck_all" style="margin-right:10px;width: 20px;height: 20px;vertical-align: middle;">全选
					</a>&nbsp;&nbsp;
					<a href="javascript:;" class="del_ids">×删除选中商品</a>
				</p>
				<div id="submitid">总计：￥<span class="cart_sum">0.00</span><a class="btn-danger" href="/html/confirm.html">下一步</a></div>
			</div>
			<!--<a class="btn btn-danger" href="/html/confirm.html">结算</a>-->
		
		</div>
		
	</div>
	
	<!--购物车为空时-->
	<div class="hll_gwc3 hidden">
		您还没有选购商品，您可以选择以下推荐商品， 也可以<a href="/html/list.html">返回首页</a>购买。
	</div>
	<!--更多精彩-->
	<div class="car_in">
		<div class="ci_warp">
			<div class="cart_carousel">
				<h4>更多精彩</h4>
				<ul class="Carousel">
					<li class="cart_carousel_list">
						<a href="/html/detail.html">
							<img border="0" alt="玫瑰之爱" src="/images/cart1.jpg">
							<div class="cart_detail">
								<p>玫瑰之爱</p>
								<p>沈阳需提前3小时以上预定<span class="price">￥229.00</span></p>
							</div>
						</a>
					</li>
					<li class="cart_carousel_list">
						<a class="list_img" href="/html/detail.html">
							<img border="0" alt="玫瑰之爱" src="/images/cart2.jpg">
							<div class="cart_detail">
								<p>玫瑰之爱</p>
								<p>沈阳需提前3小时以上预定<span class="price">￥229.00</span></p>
							</div>
						</a>
					</li>
					<li class="cart_carousel_list">
						<a href="/html/detail.html">
							<img border="0" alt="玫瑰之爱" src="/images/cart3.jpg">
							<div class="cart_detail">
								<p>玫瑰之爱</p>
								<p>沈阳需提前3小时以上预定<span class="price">￥229.00</span></p>
							</div>
						</a>
					</li>
					<li class="cart_carousel_list">
						<a href="/html/detail.html">
							<img border="0" alt="玫瑰之爱" src="/images/cart4.jpg">
							<div class="cart_detail">
								<p>玫瑰之爱</p>
								<p>沈阳需提前3小时以上预定<span class="price">￥229.00</span></p>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	
	<!--尾部-->
	<footer></footer>
	<!--模板引擎-->
	<script type="text/html" id="template_cart">
					{{each products prod}}
					<tr>
						<td><input type="checkbox" class="ck_prod"><img src="{{prod.img}}" alt="" class="img">{{prod.title}}</td>
						<td class="title">{{prod.desc}}</td>
						<td class="price">{{prod.price}}</td>
						<td>{{prod.price*prod.amount}}积分</td>
						<td><span class="decrement">-</span><input type="text" class="amount" value="{{prod.amount}}"><span class="increment">+</span></td>
						<td class="sub">{{prod.price*prod.amount}}.00</td>
						<td><a href="javascript:void(0);" class="del">删除</a></td>
						<td class="id" style="display: none;">{{prod.id}}</td>
					</tr>
					{{/each}}
				</script>
</body>
</html>